/* CSS Document */

.header{ width:100%; float:left; position:fixed; top:0; left:0; height:90px; z-index:100000; background:#fff;box-shadow: 0 2px 10px 0 rgba(0,0,0,.1); min-width:1400px;}

.wrap{ width:1300px; margin:0 auto; position:relative;}

.logo{ height:52px; margin:18px 0; display:block; float:left;}

.logo img{ height:100%;}

.header-right{ float:right; position:relative;}

.menu{ float:left; height:90px; line-height:87px;}

.menu li{ display:block; float:left; margin:0 20px;}

.menu li a{ display:block; float:left; color:#333333; position:relative; font-size:16px; height:90px;}

.menu li a:after{display:block; content:''; width:0; height:2px; background:#198dcd; position:absolute; bottom:0; left:0; transition:all 0.3s;}

.menu li a:hover:after{ width:100%;}

.menu li a.cur:after{display:block; content:''; width:100%; height:2px; background:#198dcd; position:absolute; bottom:0; left:0; transition:all 0.3s;}

.menu li a.cur,.menu li a:hover{ color:#198dcd;}

.header-tel{ float:left; line-height:90px; height:90px; color:#198dcd; background:url(../img/header-tel-ico.png) left center no-repeat; padding-left:30px; font-size:16px; margin:0 20px 0 10px;}

.down-menu{ float:right;}

.down-menu i{ display:block; width:90px; height:90px; background: url(../img/down-menu-ico.png) center no-repeat #198dcd; cursor:pointer;}

.down{width:1085px; height:auto; background:#198dcd; padding:20px; position:absolute; right:0px; top:90px; z-index:999999; display:none;overflow: hidden;padding:40px;}

.down,.down a{ color:#fff;}

.down a{ transition:all 0.3s; opacity:0.72;}

.down a:hover{opacity:1;}

.down div{ float:left; width:14.2857%;position:relative;}

.down div:after{ content:''; display:block; width:1px; height:265px; background:#fff; opacity:0.06; position:absolute; right:25px; }

.down div:last-of-type:after{ display:none;}

.down div p{ font-size:18px; width:100%; float:left;}

.down div p:nth-of-type(2){ margin-top:55px;}

.down div .clearfix{ display:block; float:left; width:100%;}

.down div .clearfix li{ display:block; float:left; width:100%; margin-top:20px;}

.container{max-width:1300px;margin:0 auto;}

.header .show{display: inline-block;}

.header .hiden{display: none;}

.header .navFlex{display: flex;display: -webkit-flex;justify-content:space-between;-webkit-justify-content: space-between;align-items: center;-webkit-align-content: center;color: white;}

.header .btnImg{height: 30px;width: 30px; background:url(../img/navBtn.png) center no-repeat;}

.box{ width:100%; float:left; padding:60px 0;min-width:1400px;}

.bg-w{ background:#fff;}

.bg-g{ background:#f7f7f7;}

.content{ margin-top:90px;}

.box-tit{ width:100%; text-align:center;}

.box-tit p.tit-e{ color:#333; font-size:42px; text-transform:Uppercase;}

.box-tit i{ background:#198dcd; width:25px; height:2px; display:block; margin:20px auto;}

.box-tit p.tit-c{ font-size:24px; color:#333; margin-bottom:20px;}

.box-tit span{ color:#787878;}

.box-content{ width:100%; float:left; margin-top:40px;}

.more-btn{ display:block; background:#198dcd; height:40px; line-height:40px; padding:0 10px; opacity:#fff; border-radius:4px; float:left; color:#fff; transition:all 0.3s;}

.more-btn:hover{ background:#0b7dbc; color:#fff;}

.footer{ background:#198dcd; color:#fff; width:100%; float:left;min-width:1400px;}

.footer .wrap{ padding:80px 0 25px 0;}

.footer-nav{ width:950px; float:left;}

.footer-contact{ width:350px; float:right; padding-left:50px;}

.footer-nav li{ display:block; float:left; width:20%; border-right:1px solid #50a8d9; min-height:240px; height:auto; padding-left:50px;padding-top:4px;}

.footer-nav li:nth-of-type(2){}

.footer-nav li p{ font-size:18px; margin-bottom:10px;}

.footer-nav li a{ display:block; width:100%; line-height:30px; color:#fff; font-size:14px; opacity:0.72; transition:all 0.3s;}

.footer-nav li a:hover{ opacity:1;}

.footer-contact div{ width:100%; float:left; margin-bottom:20px;}

.footer-contact div img{ width:auto;}

.footer-contact div span{ float:left; display:block; width:45px; line-height:24px;}

.footer-contact div p{ float:left; width:255px; line-height:24px;}

.copyright{ width:100%; float:left; border-top:1px solid #50a8d9; margin-top:40px; padding:30px 0; text-align:center; font-size:13px; line-height:24px;}



.suspension {width: 50px;height: 210px;position: fixed;right: 30px;bottom: 60px;z-index: 999;}

.suspension .consult {background-image: url(../img/tel_icon.png);background-repeat: no-repeat;background-position: center;background-color: #0b7dbc;display: block;position: relative;width: 50px;height: 50px; margin-top:2px;}

.suspension .email{background-image: url(../img/email_icon.png);}

.suspension .consult .suspension-list {position: absolute;width: 275px;right: 56px;top: 0;z-index: 30;display: none;background: #fff;border: 1px solid #ddd;box-shadow: 0 6px 12px 0 rgba(0,0,0,.15); padding:10px;}

.service-phone {background: url(../img/suspend_icon_01_blue.png) left center no-repeat;}

.service-email {background: url(../img/suspend_icon_02_blue.png) left center no-repeat;}

.info-name {display: block;padding-left: 52px;height: 14px;font-size: 14px;color: #333;}

.info-value {display: block;padding-left: 52px;margin-top: 8px;height: 18px;font-size: 18px;font-weight: 700;color: #198dcd;}

.suspension a.consult:hover .suspension-list {display: inline !important;}

.suspension .cart {background-image: url(../img/top-icon.png);display: block;position: relative;width: 50px;height: 50px;margin-top: 2px;background-color: #f5f5f5;background-repeat: no-repeat;

background-position: center;}

.suspension a.cart:hover .pic {display: block;}

.suspension .back-top {

    background-image: url(../img/top-icon.png);

    background-repeat: no-repeat;

    background-position: center bottom;

    display: block;

    width: 50px;

    height: 50px;

    background-color: #f5f5f5;

    -webkit-transition: all 0s ease-in-out;

    -moz-transition: all 0s ease-in-out;

    -o-transition: all 0s ease-in-out;

    transition: all 0s ease-in-out;

    margin-top: 2px;

}



.suspension .cart .pic {

    display: none;

    position: absolute;

    left: -139px;

    top: -120px;

    width: 139px;

    height: 163px;

}



.pic-content {

    position: absolute;

    width: 139px;

    height: 163px;

    border: 1px solid #ddd;

    box-shadow: 0 6px 12px 0 rgba(0,0,0,.15);

    background: url(../img/ewm.jpg) center no-repeat;

    right: 10px;

}

.down .header-nav-li{ width:42.8571%;}

.down .header-nav-li ul li{ width:100%;}

.down div.header-nav-li ul{ width:33.33%; float:left;}

.page{ width:100%; float:left;}

.pager{ display:table; margin:0 auto; text-align:center;}

.pager a,.pager span{display:inline-block;margin:0px 4px;background: #fff;padding: 0px 20px;line-height: 40px;color: #333; transition:all 0.3s;}

.pager span{ background:none;}

.pager a:hover,.pager a.cur{background:#198dcd;color:#fff;}

@media screen and (max-width:768px){

.header,.box,.footer{ min-width:0;}

.header{ height:60px;}

.header .navFlex{flex-wrap:wrap;font-size: 20px;justify-content: space-between; padding:0 4%;position: fixed;top: 0;left: 0;z-index: 1000;background: #fff; width:100%;}

.header .logo{height: 36px; margin:12px 0;}

.header ul li{padding: 0;margin: 0px;display: block; width:100%;}

.header .hiden{display: block;}

.header .show{width: 100%;font-size: 14px;text-align: center;display: none; border-top:1px solid #eee;}

.header-tel,.down-menu{ display:none;}

.menu{ height:auto;width: 100%;}

.menu li a{ width:100%; text-align:center; height:58px; line-height:58px; font-size:18px;}

.menu li a.cur::after{ display:none;}

.content{ margin-top:60px;}

.wrap{ width:100%; padding:0 10px;}

.box{ width:100%; float:left; padding:20px 0;}

.box-tit p.tit-e{font-size:24px;}

.box-tit i{width:25px; height:2px;margin:10px auto;}

.box-tit p.tit-c{ font-size:18px; margin-bottom:10px;}

.box-content{margin-top:20px;}

.footer .wrap{ display:none;}

.copyright{ margin:0; border:none; padding:20px 0;}

.suspension .consult,.suspension .cart{ display:none;}

.suspension{ height:50px; right:10px; bottom:10px;}

.pager a{ padding:0 15px; line-height:30px;}





}